<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <%@include file="../include/head.jsp"%>
    <%@include file="../include/link.jsp" %>
    <link rel="stylesheet" type="text/css" href="../../../static/wxApp/css/detail.css">
</head>
<body>

<%@include file="../include/appHerder.jsp" %>

<div class="container">
    <div class="detailHeader">
        <div class="headerbox">
            <div class="top">
                <span><a href="${ctx}">首页</a></span>
                <span> > </span>
                <span>${liebaoApp.tagsArr}</span>
                <span> > </span>
                <span>${liebaoApp.appName}</span>
            </div>
            <div class="bottom">
                <div class="bigBox clearfix">
                    <div class="left clearfix">
                        <div class="imgBox">
                            <img data-original="<c:if test="${liebaoApp.sourceId==2}">https://media.ifanrusercontent.com</c:if><c:if test="${liebaoApp.sourceId==1}">//img.cmcmcdn.com</c:if>${liebaoApp.logoUrl}" alt="${liebaoApp.appName}小程序">
                        </div>
                        <div class="textBox">
                            <p class="p1">${liebaoApp.appName} <span>3790人关注</span></p>

                            <p class="p2"><span>分类：</span><span> ${liebaoApp.tagsArr} </span></p>

                            <p class="p2"><span>开发者：</span><span> ${liebaoApp.author} </span></p>

                        </div>
                    </div>
                    <div class="right">
                        <div>
                            <img data-original="<c:if test="${liebaoApp.sourceId==2}">https://media.ifanrusercontent.com</c:if><c:if test="${liebaoApp.sourceId==1}">//img.cmcmcdn.com</c:if>${liebaoApp.qrUrl}" alt="${liebaoApp.appName}二维码">
                        </div>
                        <p>微信扫一扫，使用小程序</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="box1">
            <div class="title"><span>微信${liebaoApp.appName}小程序截图</span></div>
            <div class="imgBox clearfix">
                <c:forEach items="${liebaoApp.scrUrlsArr}" var="crUrl">
                    <img data-original="${crUrl}" alt="${liebaoApp.appName}小程序截图">
                </c:forEach>
            </div>
        </div>
        <div class="box2">
            <div class="title"><span>微信${liebaoApp.appName}小程序简介</span></div>
            <div class="text">
                <p>${liebaoApp.appSum}</p>
                <p></p>
                <p class="statement">微信${liebaoApp.appName}小程序由微信${liebaoApp.appName}团队开发，并于2017年06月08日发布于<a href="${ctx}">小程序商店</a>www.kukuwu.com</p>
            </div>
        </div>
        <div class="box3">
            <div class="title"><span><a href="${ctx}/app/${liebaoApp.id}.html">微信${liebaoApp.appName}小程序</a>使用方法：</span></div>
            <div class="bigBox clearfix">
                <div class="left">
                    <p>方法一：使用微信扫描页面上方二维码进入“${liebaoApp.appName}”小程序</p>

                    <div class="imgBox">
                        <img data-original="<c:if test="${liebaoApp.sourceId==2}">https://media.ifanrusercontent.com</c:if><c:if test="${liebaoApp.sourceId==1}">//img.cmcmcdn.com</c:if>${liebaoApp.qrUrl}" alt="${liebaoApp.appSum}">
                    </div>
                </div>
                <div class="right">
                    <p>方法二：在微信中搜索“${liebaoApp.appName}”即可进入小程序</p>
                    <div class="clearfix erBox">
                        <div class="imgBox">
                            <img data-original="../../../static/wxApp/img/searcg.jpg" alt="${liebaoApp.appSum}">
                        </div>
                        <div class="fl txt">${liebaoApp.appName}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<%@include file="../include/footer.jsp" %>
</body>

</html>
